<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="resource/demo.css">
    <style>
        @import url('./resource/demo.css');

        body{
            background: pink;
        }

        b{
            color: red;
        }
    </style>
</head>
<body>
    <!-- 
        1. 外部样式 外链式 (正式项目,推荐)
        <head>
            <link rel="stylesheet" href="css文件地址">
        </head>

        2. 内部样式 (练习,测试,开发中)
        <style>
            css代码
        </style>

        注意:
        * @import 必须写在style里面的最前面
        
        import和外部样式的区别
        * 外部样式: 先加载css,再加载html
        * import: 先加载html,再加载css        
     -->

    <p style="red;">还有9天就放假了</p>
    <b>开学时间:2月2日</b>
</body>
</html>